<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>


<script type="text/javascript" src="Content/js/Lib/jquery-1.8.2.js"></script>
<script type="text/javascript" src="Content/js/Dangki/jquery.js"></script>
<script type="text/javascript" src="Content/js/Dangki/jquery.validate.js"></script>
<script type="text/javascript" src="Content/js/Dangki/jquery.validate.password.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>

<link rel="stylesheet" type="text/css"
	href="Content/css/Register/index.css" />
<link rel="stylesheet" type="text/css"
	href="Content/css/Register/jquery.validate.password.css" />

<div class="container">
	<ul class="breadcrumb" style="margin-bottom: 10px;">
		<li><a href="home">Trang chủ</a> <span class="divider">/</span></li>
		<li><a href="ThongTinChungTaiKhoan.do">Thông tin chung tài khoản</a> <span class="divider">/</span></li>
		<li class="active">Thay đổi mật khẩu</li>
	</ul>
		<div class="menu">
		<div class="span3" style="width: 204px;">
			<div class="well sidebar-nav">
				<ul class="nav nav-list">
					<li class="menu-title">TÀI KHOẢN CỦA TÔI</li>
					<li><a href="ThongTinChungTaiKhoan.do">Thông tin chung tài khoản</a></li>
					<li><a href="ThongTinCaNhan.do">Thông tin cá nhân</a></li>
					<li class="active"><a href="DoiMatKhau.do">Thay đỗi mật khẩu</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="main_content">
		<div class="page-header-register">
			<h4>Chỉnh sửa thông tin tài khoản</h4>
		</div>
		<form id="form-register">
			<fieldset class="group-infor">
				<h4 class="legend">Thay đổi mật khẩu</h4>
				<ul class="nav">
					<li>
						<div class="input-box">
							<label class="strong">Mật khẩu hiện tại</label> <input
								type="password" id="MatKhauCu"/>
							<div class="popover fade right in"
								style="top: 512px; left: 761px; display: hide;">
								<div class="arrow"></div>
								<div class="popover-inner">
									<h3 class="popover-title">Chú ý</h3>
									<div class="popover-content">Mật khẩu hiện tại không
										chính xác.</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="input-box">
							<label class="strong">Mật khẩu mới</label> <input type="password" id="MatKhauMoi" />
							<div class="popover fade right in"
								style="top: 603px; left: 761px; display: hide;">
								<div class="arrow"></div>
								<div class="popover-inner">
									<h3 class="popover-title">Mức độ bảo mật của mật khẩu</h3>
									<div class="popover-content">Default</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="input-box">
							<label class="strong">Xác nhận mật khẩu mới</label> <input
								type="password" id="XacNhanMatKhauMoi"/>
							<div class="popover fade right in"
								style="top: 664px; left: 761px; display: hide;">
								<div class="arrow"></div>
								<div class="popover-inner">
									<h3 class="popover-title">Chú ý</h3>
									<div class="popover-content">Mật khẩu mới xác nhận không
										khớp. Vui lòng nhập lại.</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</fieldset>	
		</form>
		
			<button type="submit" class="btn btn-primary" id="btn-save">Lưu</button>
	</div>
</div>


<script>
	$('#btn-save').click(function(){
		if($('#MatKhauCu').val() == "")
		{
			$('#MatKhauCu').focus();
			$('#MatKhauCu').css("background-color", "#FD9FB9");
			return false;
		}
		
		if($('#MatKhauMoi').val() == "")
		{
			$('#MatKhauMoi').focus();
			$('#MatKhauMoi').css("background-color", "#FD9FB9");
			return false;
		}
		if($('#XacNhanMatKhauMoi').val() == "")
		{
			$('#XacNhanMatKhauMoi').focus();
			$('#XacNhanMatKhauMoi').css("background-color", "#FD9FB9");
			return false;
		}
		var mkcu = $('#MatKhauCu').val();
		var mkmoi = $('#MatKhauMoi').val();
		var xn = $('#XacNhanMatKhauMoi').val();
			var dataPackage = "MatKhauCu=" + mkcu + "&MatKhauMoi=" + mkmoi + "&XacNhan="+xn;

			
			$.ajax({
		        type: "POST",
		        datetype: "html",
		        url: "DoiMatKhau.do",
		        data: dataPackage,
		        async: false,
		        success: function(response){
		        	if(response == "success")
		        		{
		        		var delay = 2000; //Your delay in milliseconds
		        		setTimeout(function(){ window.location = 'ThongTinChungTaiKhoan.do'; }, delay);
		        		}
		        	else
		        		{
		        			alert('Cập Nhật bị lỗi');
		        		}
		        	
		        },
		         error: function(e){
		        	 alert('Quá trình đăng ký gặp lỗi. Vui lòng thử lại sau');
		         }
		    });			
	});

	
	
</script>